HTML+CSS 2019-06-21
連絡事項
7/5のこと
-> 6/28
前回
アップデート
やったこと
分かったこと
やってみる
分からなかったこと
全体の目標
エンジニアがマークアップしているというのはどういうことか雰囲気を知る
HTMLメールやWordPressでちょっとした見た目を調整できる
EPUBの調整ができる?
一からHTMLとCSSを書けるようになる
簡単なJavaScriptまで行けたら素晴らしい
今回の目標
HTMLと他の物の関連付け
HTML書いてみる
前回のおさらい
HTMLの基本
HTML要素の分類
<head>と<body>
セクショニングコンテント
ヘディングコンテント
フローコンテント、フレージングコンテント
デフォルトでdisplay: block;
デフォルトでdisplay: inline;
テーブル
フォーム
メタデータ
その他
属性
HTMLとCSS
おさらい
CSSを書く場所三つ
HTMLタグ中のstyle属性
<style>要素
外部ファイル
<link rel="stylesheet" href="uri/to/style.css">
HTMLとJavaScript
プログラミング言語
計算できる
DOMツリー(HTMLの構造)を操作できる
足す、消す、入れ替えるなど
複数まとめて操作するなど
スタイル(CSS)を操作できる
大きさ変える、表示を変える、色を変えるなど
複数まとめて操作するなど
<script>要素内に書ける
<script src="...">で外部ファイルを指定
HTMLとPHP(WordPress)
プログラミング言語(テンプレートエンジン)
HTMLの一部を動的に
手で書き換え内でも自動的に書き換わるようにできる
日時で変わるやつとか
管理画面で更新した内容とか
HTMLの省略
要素自体を省略できる
<body>、<head>、<tbody>など
終了タグを省略できる
<p>、<li>など
迷ったら省略しない
一から書く
html, head, body
charset
title
meta
viewport
cssとのリンク
リセット
(何がいいだろう)
次回
CSSおさらいとよく使うプロパティ
参考リンク